/*
 * @Author: Y先森
 * @Date: 2023-04-11 14:01:02
 * @LastEditors: y && 250048395@qq.com
 * @LastEditTime: 2023-05-10 15:13:04
 * @FilePath: \y-website\tailwind.config.js
 */
const colors = require('tailwindcss/colors')
module.exports = {
  // 手动切换暗模式
  darkMode: 'class',
  // Tailwind 应用范围
  content: ['./index.html', './src/**/*.{vue,js}'],
  theme: {
    container: {
      center: true
    },
    extend: {
      backgroundColor: ['active'],
      height: {
        header: '120px',
        foot:'60px',
        main: 'calc(100vh - 246px)',
        maininset: 'calc(100vh - 216px)'
      },
      fontSize: {
        xs: ['0.25rem', '0.35rem'],
        sm: ['0.35rem', '0.45rem'],
        m: ['0.38rem', '0.47rem'],
        base: ['0.42rem', '0.52rem'],
        lg: ['0.55rem', '0.65rem'],
        llg: ['0.60rem', '0.70rem'],
        xl: ['0.65rem', '0.75rem']
      },
      textColor: {
        grey: '#9E9E9E',
        primary: '#2C2C2C',
        active: '#7B7EF4'
      },
      boxShadow: {
        default: '0px 10px 10px rgba(75, 53, 153, 0.19)',
        'sd-green': '0px 10px 10px rgba(94,205,181,0.5)',
        'sd-red': '0px 10px 10px rgba(202,134,217,0.5)',
        'sd-blue': '0px 10px 10px rgba(120,125,242,0.5)',
        'sd-heard': '0px 8px 10px rgba(77, 81, 252, 0.2);'
      },
      colors: {
        main: '#7B7EF4',
        transparent: 'transparent',
        current: 'currentColor',
        black: colors.black,
        white: colors.white,
        gray: colors.gray,
        red: colors.red,
        yellow: colors.amber,
        blue: colors.blue,
        'success-100': '#F2F9EC',
        'success-200': '#E4F2DB',
        'success-300': '#7EC050',
        'warn-100': '#FCF6ED',
        'warn-200': '#F8ECDA',
        'warn-300': '#DCA550',
        'error-100': '#ED7456',
        'error-200': '#f3471c',
        'error-300': '#ffffff',
        'indigo-dark-m': '#242A4B',
        'indigo-dark-l': '#9498D0',
        'indigo-dark-d': '#1F2341',
        'green-default': '#5ECDB5',
        'red-default': '#CA86D9',
        'blue-default': '#787DF2',
        'gray-l': '#D8D8D8',
        'live2d-light':'rgba(236, 217, 188, 0.7)',
        'live2d-dark':'rgba(255, 255, 255, 0.7)',
        'live2d-border':'rgba(224, 186, 140, 0.62)',
      },
      backdropBlur: {
        '4xl': '240px'
      },
      variants: {
        scrollbar: ['dark']
      }
    }
  },
  plugins: [require('tailwind-scrollbar')]
}
